<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>井字棋</title>
    <link rel="stylesheet" href="css/game.css">
</head>
<body>
    <!-- 定义棋盘 -->
    <div class="ui">
        <h2 class="player-turn">玩家 <span id="current-player"></span> 的回合</h2>
        <p class="steps">步数: <span id="step-count1">0</span></p>
    </div>
    <h1 class="game-title">井字棋（JS版）</h1>
    <div class="container"> 
        <div class="board">
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
        </div>
    </div>
    <!-- 定义游戏结果 -->
    <div class="winner-overlay">
        <div class="winner-message">
            <h2 id="winner-text"></h2>
            <p class="steps">耗费步数: <span id="step-count2">0</span></p>
            <button onclick="resetGame()">重新开始</button>
        </div>
    </div>
    <script src="js/game.js" ></script>
       
    
</body>

</html>